<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-特殊解决方案</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="src/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="public/picker/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="src/scrool/jquery.mCustomScrollbar.css" />
		<link rel="stylesheet" href="public/css/question/tab_step.css" />
		<link rel="stylesheet" href="css/special_solution.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header :user_info="infos"></m_header>
			<div class="main my_container">
				<!--九种类型-->
				<types type="8"></types>
				<!--右侧内容-->
				<div class="right">
					<!--高端生活-->
					<div class="collection one_type">
						<!--内容-->
						<div class="content" >
							<div class="products" v-show="type==0">
								<!--轮播图-->
								<div class="lunbo">
									<div class="swiper-container products_container">
									    <div class="swiper-wrapper">				       
									        <div class="swiper-slide" v-for='item in banners'>
												<div style="background-size: 100%;" v-bind:style='{"background-image":"url("+host+item.ImgUrl+")"}'>												
													<img v-bind:src='host+item.ImgUrl' class="transform_center" alt="" />
												</div>
											</div>
									    </div>
									    <!-- 如果需要分页器 -->
									    <div class="swiper-pagination products_pagination"></div>				    
									    <!-- 如果需要导航按钮 -->
									    <div class="swiper-button-prev products_prev"></div>
									    <div class="swiper-button-next products_next"></div>				    
									    <!-- 如果需要滚动条 -->
									    <div class="swiper-scrollbar"></div>
									</div>
								</div>								
								<!--推荐产品-->
								<div class="recommend module" v-if="recommend_products.length>0">
									<li class="title">推荐产品</li>
									<ul class="list">
										<li class="cursor" @click='go_introduce(item)' v-for="item in recommend_products">
											<span>{{item.ProductName}}</span> <i class="glyphicon glyphicon-menu-right"></i>
										</li>										
									</ul>
								</div>
								<div v-else class="text-center" style="padding-top: 20px;">
									<!--<img src="imgs/intelligent_analysis/no_data.png" alt="" />-->
									<h1 style="color: #787878;">即将上架，敬请期待</h1>
								</div>
							</div>
							<!--用户列表-->							
							<div class="posts" v-if="type==1">
								<div class="lists">
									<table class="table  table-striped">
										<tr class="one_list cursor" v-for='(item,index) in users' @click="modify_userinfo(item)">
											<td><span class="index">{{index+1}}</span></td>
											<td><span>{{item.CustomerName}}</span></td>
											<td><span><i class="fa " v-bind:class='[item.Sex ? "fa-male":"fa-female","fa"]'></i> {{item.Age}}岁</span></td>
											<td><span>{{item.Address}}</span></td>
											<td><span>{{item.Career}}</span></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
					
					<!--详情列表-->
					<product_list_detail v-if='product_list_detail_show.value' :item='list_item' :is_show="product_list_detail_show" @go_introduce="go_introduce"></product_list_detail>	
						
					<!--问答-->
					<div class="questions question_step" v-if="!children_data.isShow">
						<!--步骤条-->
						<step_bar :parent_data="children_data"></step_bar>						
						<basic_question v-if='children_data.question_step==1'  :parent_data="children_data"></basic_question>
						<special_question v-if='children_data.question_step==2' :parent_data="children_data"></special_question>
						<!--评估-->						
						<div class="recommend module" v-if='children_data.question_step==3'>
							<ul class="list">
								<template v-for="(value, key, index) in children_data.evaluation_result">
									<li class="cursor" @click='go_introduce(item)'   v-for="item in (value[0].Products)">
										<span>{{item.ProductName}}</span> <i class="glyphicon glyphicon-menu-right"></i>									
									</li>
								</template>
							</ul>
							<div class="text-right" style="padding-top: 50px;">
								<button type="button" @click="go_customers_list" class="btn btn-base" style="width: auto;">返回列表</button>
							</div>
						</div>					
					</div>
				</div>
			</div>
			<!--模态框-->
			<m_modal ref="m_modal" ></m_modal>
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--loading-->
			<loading></loading>
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/js/jquery.nicescroll.js"></script>
		<script src="src/js/common-scripts.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>
		<script src="public/picker/bootstrap-datetimepicker.min.js"></script>
		<script src="public/picker/locales/bootstrap-datetimepicker.zh-CN.js"></script>

		<script src="src/swiper/swiper-3.4.2.jquery.min.js"></script>
		<!--滚动条-->
		<script src="src/scrool/jquery.mCustomScrollbar.min.js"></script>
		
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/question/basic_question.js"></script>
		<!--推荐产品列表-->
		<script src="public/component/high_life/product_list_detail.js"></script> 
		<script src="public/component/question/modal.js"></script>
		<script src="public/component/question/special_question.js"></script>
		<script src="public/component/change_page.js"></script>
		<script src="js/special_solution.js"></script>
	</body>

</html>